body{
  background: #F0F0F0;
  width: 100%;
  
}
.home{
  width:100%;
  height: 100%;
  position: relative;
  .home_header{
    height:60px;
    width:100%;
    background: #e7e7e9;
    position: absolute;
    justify-content: space-around;
    align-items: center;
    display: flex;
    left: 0;
    top:0;
    z-index: 1000;
    .home_logo{
        height:45px;
        width:118px;
        img{
        height:100%;
        width:100%;
        }
    }
    .home_wrap{
            display: flex;
            justify-items: center;
            a:nth-child(1){
                height:34px;
                width:186px;
                border:1px solid #ccc;
                background: #fff;
                border-radius:17px;
                line-height: 34px;
                font-size: 24px;
                text-align: right;
            }
            a:nth-child(2){
                height:40px;
                width:40px;
                line-height: 40px;
                font-size:28px;
                margin-left:10px;
            }
        }
}
 
.home_AA{
          width: 100%;
          position: fixed;
          top: 60px;
          bottom: 54px;
          overflow-y:auto ;  
          
            .home_nav{
                height:112px;
                background: #fff;
                ul{
                    display: flex;
                    box-sizing: border-box;
                    justify-content: space-around;
                    height:112px;
                    padding:10px 0;
                    li{
                        a{
                            display: flex;
                            align-items: center;
                            flex-direction: column;
                            height:100%;
                            i{
                                height:60px;
                                width:60px;
                                border-radius: 50%;
                                line-height: 60px;
                                text-align: center;
                                font-size: 30px;
                                color:#fff;          
                            }
                            p{
                                font-size: 16px;
                                height:30px;
                                line-height: 30px;
                            }
                        }
                    }
                }
                
            }
            .home_block{
                height:160px;
                background: #fff;
                ul{
                    position: relative;
                    height:100%;
                    width:100%;
                    li:nth-child(1){
                        height:80px;
                        width:50%;
                        img{
                            height:100%;
                            width:100%;
                        }
                    }
                    li:nth-child(2){
                        height:80px;
                        width:50%;
                        img{
                            height:100%;
                            width:100%;
                        }
                    }
                    li:nth-child(3){
                        position: absolute;
                        top:0;
                        left:50%;
                        height:160px;
                        width:50%;
                        img{
                            height:100%;
                            width:100%;
                        }
                    }
                }
            }
            .home_item_pic{
                height:78px;
                width:100%;
                img{
                    height:100%;
                    width:100%;
                }
            }
            .home_block2{
                width:100%;
                overflow: scroll;
                background: #fff;
                ul{
                    height:100%;
                    width:100%;
                    box-sizing: border-box;
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    padding:0 10px;
                    li{
                    height:300px;
                    width:50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    div{
                        height:195px;
                        width:195px;
                        img{
                            height:100%;
                            width:100%
                        }
                    }
                    dl{
                        width:185px;
                        dt{
                            font-size:16px;
                            color:#000; 
                        }
                        dd{
                            color:#DB4453;
                            font-size: 16px;
                            font-weight: bolder;
                            border-top:1px solid #EEE;
                            height:36px;
                            line-height: 36px;
                            margin-top:10px;
                        }
                    }
                    }
                }
            }
            .home_block3{
                width:100%;
                overflow: scroll;
                background: #fff;
                ul{
                    height:100%;
                    width:100%;
                    box-sizing: border-box;
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    padding:0 10px;
                    li{
                    height:300px;
                    width:50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    div{
                        height:195px;
                        width:195px;
                        img{
                            height:100%;
                            width:100%
                        }
                    }
                    dl{
                        width:185px;
                        dt{
                            font-size:16px;
                            color:#000; 
                            height:40px;
                            line-height:20px;  
                            overflow: hidden;
                            margin-top:10px;
                        }
                        dd{
                            color:#DB4453;
                            font-size: 16px;
                            font-weight: bolder;
                            border-top:1px solid #EEE;
                            height:36px;
                            line-height: 36px;
                            margin-top:10px;
                        }
                    }
                    }
                }
            }
            .item_pic{
                height:142px;
                width:100%;
                img{
                    height:100%;
                    width:100%;
                }
            }
            .home_block4{
                width:100%;
                overflow: scroll;
                background: #fff;
                .home_block4_title{
                    text-align: center;
                    dt{
                        font-size:16px;
                        height:40px;
                        line-height: 40px;
                    }
                    dd{
                        font-size:12px;
                        color: #999;
                        height:34px;
                        line-height: 34px;
                    }
                }
                ul{
                    height:100%;
                    width:100%;
                    box-sizing: border-box;
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    padding:0 10px;
                    li{
                        height:300px;
                        width:50%;
                        display: flex;
                        justify-content: center;
                        align-items: center;     
                    div{
                        height:195px;
                        width:195px;
                        img{
                            height:100%;
                            width:100%
                        }
                    }
                    dl{
                        width:185px;
                        dt{
                            font-size:16px;
                            height:40px;
                            line-height:20px; 
                            color:#000; 
                            overflow: hidden;
                            margin-top:10px;
                        }
                        dd{
                            color:#DB4453;
                            font-size: 16px;
                            font-weight: bolder;
                            border-top:1px solid #EEE;
                            height:36px;
                            line-height: 36px;
                            margin-top:10px;
                        }
                    }
                    }
                }
            }
            .home_footer{
                background: #fff;
                margin-top:20px;
                .nav_text{
                    height:46px;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    font-size: 14px;
                    border-bottom:1px solid #eee;
                }
                .nav_pic{
                    height:74px;
                    border-bottom:1px solid #eee;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    box-sizing: border-box;
                    padding: 0 40px;
                    a{
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        span{
                            height:40px;
                            width:40px;
                            border-radius: 50%;
                            border:1px solid #ccc;
                            line-height: 40px;
                            text-align: center;
                            font-size:26px
                        }
                        p{
                            font-size:12px;
                            height:20px;
                            line-height: 20px;
                        }


                    }
                }
                .copyright{
                    font-size:12px;
                    height:40px;
                    line-height: 40px;
                    text-align: center;
                    color:#555;
                }
            }
}
 
}